<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>这是我的第一个网页</title>
    <!--
    html
    HTML的全称为超文本标记语言
    网页的组成：html标签 css样式 JavaScript动态交互
    HTML命令可以说明文字，图形、动画、声音、表格、链接等
    组件：网页上的元素
    标签 <标签名> </标签名>        </标签>
    html的三大结构标签：html head body
     -->
    <!--meta 设置字符编码集
        title 设置网页标题
        link 设置网页logo...
     -->
</head>
<body>
    <!--标签的文本：开始标签和结束标签中间的内容
    </br> 换行标签
    p 段落标签
    <b> 加粗
    <i> 斜体
    sup 上标
    sub 小标
    s  中划线
    u  下划线
    hr  水平线
    div 块级标签 自动换行 分类
    特殊字符 &nbsp;空格  &lt;<  &gt;>
    span 行级标签
    -->

    <h1 id = "biaot">h1这是1级标题</h1>
    <h2>h2这是2级标题</h2>
    <h3>h3这是3级标题</h3>
    <h4>h4这是4级标题</h4>
    <h5>h5这是5级标题</h5>
    <h6>h6这是6级标题</h6>
    这是普通文本
    <p>p标签是段落标签</p>
    <p>HTML的全称为<b>超文本标记语言</b>，是一种<u><i>标记语言</i></u>。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。</br>HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。</p>
    a<sup>2</sup> </br>
    H<sub>2</sub>O

    <p>这是个<s>删除线</s></p>
    <hr>
    <div style ="font-size:30px;color:red">
        这是个div测试模块
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;水调歌头</p>
        <p>明月几时有，把酒问青天</p>
        <p>不知天上宫阙，今夕是何年</p>
    </div>
    <div style = "font-size:30px;color:#0000ff">
        <p>咏鹅</p>
        <p>&lt;小于号  &gt;大于号</p>
        <p>&lt;p&gt;</p>
    </div>
    <span style="background:red">行级标签</span>行级标签测试

    <a href="#biaot">实现回到顶部</a>
</body>
</html>